<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>在线教育分析平台</title>
    <link rel="stylesheet" href="css/index.css" />
</head>
<body>
    <header>
        <h1>四缺一数据可视化平台</h1>
        <div class="showTime"></div>
            <div class="ing">
                <ul>
                    <li><a href="rrzx.html">首页</a></li>    
                    <li><a href="student.html">学生</a></li>   
                    <li><a href="course.html">课堂</a></li>    
                </ul>
            </div>
        <script src="js/nowtime.js"></script>
    </header>
    <section class="mainbox">
        <div class="column">
            <div class="pane1 bar">
                <h2>平台所有学生平均分分段图</h2>
                <div class="chart"></div>
                <div class="pane1-foot"></div>
            </div>
            <div class="pane2">
                <div class="pane2-foot"></div>
            </div>
        </div>
        <div class="column">
            <!--no模块数字-->
            <div class="no">
                <h2>平台数据总览：</h2> 
                <div class="no-nu1">
                    <ul>
                        <li>142,251</li>
                        <li>1185</li>
                    </ul>
                </div>
                <div class="no-bd1">
                    <ul>
                        <li>用户人数</li>
                        <li>班级总数</li>
                    </ul>
                </div>
                <div class="no-nu2">
                    <ul>
                        <li>11,468</li>
                        <li>349,036</li>
                    </ul>
                </div>
                <div class="no-bd2">
                    <ul>
                        <li>课程总数</li>
                        <li>测试次数</li>
                    </ul>
                </div>
                <div class="no-foot"></div>
            </div>
            <!--讨论-->
            <div class="tl">
                <h2>平台资源总览:</h2>
                <div class="t1-1">
                    <div class="t1-1-1">
                        <a href="#"><img src="images/65.png" style="width: 1.50rem; height: 1.875rem; padding-left: .375rem;padding-top: .5625rem;" alt=""></a>
                    </div>
                    <div class="t1-1-1">
                        <h2 style="font-size: .30rem;color: #63e6c5d5;padding-top: .5rem;">讨论</h2>
                        <h2 style="font-size:x-large;color: #d23d3dd5;padding-top: .5625rem;">0</h2>
                    </div>
                    <div class="t1-1-1">
                        <a href="#"><img src="images/63.png" style="width: 1.83rem; height: 1.875rem;padding-top: .5625rem;padding-left: .7625rem; " alt=""></a>
                    </div>
                    <div class="t1-1-1">
                        <h2 style="font-size: .30rem;color: #d23d3dd5;padding-top: .5rem;">笔记</h2>
                        <h2 style="font-size:x-large;color: #d23d3dd5;padding-top: .5625rem;">0</h2>
                    </div>
                    <div class="t1-1-1">
                        <a href="#"><img src="images/61.png" style="width: 1.90rem; height: 1.875rem; padding-left: .6625rem;padding-top: .5625rem;" alt=""></a>
                    </div>
                    <div class="t1-1-1">
                        <h2 style="font-size: .30rem;color: antiquewhite;padding-top: .5rem;">视频</h2>
                        <h2 style="font-size:x-large;color: #fff9f9d5;padding-bottom: 0.5rem;padding-right: .675rem;padding-top: .5rem;">223,403</h2>
                    </div>
                </div>
                <div class="t1-2">
                    <div class="t1-1-1">
                        <a href="#"><img src="images/64.png" style="width: 1.50rem; height: 1.875rem; padding-left: .375rem;padding-top: .5625rem;" alt=""></a>
                    </div>
                    <div class="t1-1-1">
                        <h2 style="font-size: .30rem;color: antiquewhite;padding-top: .5rem;">练习</h2>
                        <h2 style="font-size:x-large;color: #fff9f9d5;padding-top: .5625rem;">753</h2>
                    </div>
                    <div class="t1-1-1">
                        <a href="#"><img src="images/67.png" style="width: 1.93rem; height: 1.875rem;padding-top: .5625rem;padding-left: .7625rem; " alt=""></a>
                    </div>
                    <div class="t1-1-1">
                        <h2 style="font-size: .30rem;color: antiquewhite;padding-top: .5rem;">测验</h2>
                        <h2 style="font-size:x-large;color: #fff9f9d5;padding-top: .5625rem;">203,754</h2>
                    </div>
                    <div class="t1-1-1">
                        <a href="#"><img src="images/68.png" style="width: 1.85rem; height: 1.875rem; padding-left: .6625rem;padding-top: .5625rem;" alt=""></a>
                    </div>
                    <div class="t1-1-1">
                        <h2 style="font-size: .30rem;color: antiquewhite;padding-top: .5rem;">作业</h2>
                        <h2 style="font-size:x-large;color: #fff9f9d5;padding-top: .5rem;padding-right: .675rem;">144,592</h2>
                    </div>
                </div>
                <div class="tl-foot"></div>
            </div>
        </div>
        <div class="column">
            <div class="pane1-1 pie">
                <h2>平台所有测试状态分布</h2>
                <div class="chart"></div>
                <div class="pane1-1-foot"></div>
            </div>
            <div class="pane2-1 pie1">
                <h2>平台测试总通过占比</h2>
                <div class="chart"></div>
                <div class="pane2-1-foot"></div>
            </div>
            <div class="pane3-1">
                <div class="pane3-1-foot"></div>
            </div>
        </div>
    </section>
    <script src="js/flexible.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/pane1-1.js"></script>
    <script src="js/pane2-1.js"></script>
    <script src="js/all-avg.js"></script>
</body>
</html>